 
 <!DOCTYPE html>
<!--[if lte IE 6]><html class="preIE7 preIE8 preIE9"><![endif]-->
<!--[if IE 7]><html class="preIE8 preIE9"><![endif]-->
<!--[if IE 8]><html class="preIE9"><![endif]-->
<!--[if gte IE 9]><!--><html><!--<![endif]-->
  <head>
    <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Open Debate</title>
  <meta name="author" content="name">
  <meta name="description" content="description here">
  <meta name="keywords" content="keywords,here">
  <link rel="shortcut icon" href="omega.png" type="image/vnd.microsoft.icon">
  <link rel="stylesheet" href="stylesheet.css" type="text/css">
  <!-- Compiled and minified CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

  <style type="text/css">
    #top { 
      margin-bottom: 2% !important; 
      padding-left:50px; padding-top:1px;  
      background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0), black 99.999%); 
      opacity:0.85;
      margin:0;
      position:absolute;
      position:sticky;
      }
    #title1 {	   
      margin-top:10%;
      width: 50%;
      background: linear-gradient(-90deg, rgba(255, 255, 255, 0), black 99.999%);
      opacity:0.85;
    }
    #title2 {	   
      width: 50%;
      background: linear-gradient(-90deg, rgba(255, 255, 255, 0), black 99.999%);
      opacity:0.85;
    }

    body { 
      color:rgb(238, 238, 238);
      background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(image.jpg);
      background-blend-mode: darken;
      background-repeat: repeat-y;
      -webkit-background-size: 100%;
      -moz-background-size: 100%;
      background-size: 100%;
      
      
    }
    .info p{
      width:auto; 
      width:50%;
      padding:5px;
      padding-left:105px;
      color:rgb(255, 255, 255) !important;
      background-color:rgba(0, 0, 0, 0.103);
      border-radius:5px;
    }

    p { 
      margin-top:1%;
      font-size:18px;
      font-family: Monda;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.05em;
      text-indent: 25px;
      color: rgb(255, 255, 255);
    }
   
  </style>
 
  </head>
    <body>


    <h1 id="top" > 
      <span>
        <a href="index.html">Home</a> |
        <a href="rules.html">Open Debate Rules </a> |
        <a href="mumble_install.html">Voice Server</a>
      </span>
    </h1>

    <div id="title1"> 
      <p style="text-align: left; padding-right: 35%; font-size:30px !important;">What we stand for </p>
    </div>

    <div class="info" >
      <p style="color:hsla(0, 0%, 0%, 0.294);">The primary goal of Opendebate.club is to be inclusive to the largest number of intellectuals, 
        debators and opinion makers, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, 
        safe and welcoming environment for people of all agrigations, regardless of gender, sexual orientation, ability, ethnicity, 
        physical appearance and socioeconomic status.</p>
    </div>

    <div id="title2">
      <p style="text-align: left; padding-right: 35%; font-size:30px !important;">Who we are</p>
    </div>

    <div class="info"  >
      <p style="color:hsla(0, 0%, 0%, 0.383);">We are thinkers, intellectuals, opinion makers, debators 
        and most of all we are like minded individuals. We subscribe to progressive thinkers as well as 
        great classical philosiphers of old. Our community is open to all people of good character and 
        an honest heart for debate. If you believe you are ready to join the heavy weights in 
        the battle ground of ideas, we welcome you to join by connecting to our <a href="mumble://iswc.pw?title=Root&version=1.2.0" >mumble server</a>.</p>
    </div>
    
    <script type="text/javascript">
    
    function autorun() {    }

    if (window.addEventListener) 
      window.addEventListener("load", autorun, false);
    else if (window.attachEvent) 
      window.attachEvent("onload", autorun);
    else 
      window.onload = autorun;
    </script>
    </body>
  <!-- Compiled and minified JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</html>


